import React from 'react';
import { NavLink,Route,Switch } from 'react-router-dom';
import { Menu } from 'antd';
const MenuItem = Menu.Item;
import Page from './Page/Page';
import Tag from './Tag/component/TagMain';
import Merchant from './Merchant/Merchant';
import Project from './Project/Project';
import Areaprice from './Areaprice/Areaprice';
import './index.less';

const bearManageNav = (props)=>{
  return(
    <div>
      <Menu mode='horizontal' className='center-b-box'>
        <MenuItem key="1"><NavLink to="/wed/bearManage/page" activeClassName="cc">页面管理</NavLink></MenuItem>
        <MenuItem key="2"><NavLink to="/wed/bearManage/tag" activeClassName="cc">标签管理</NavLink></MenuItem>
        <MenuItem key="3"><NavLink to="/wed/bearManage/merchant" activeClassName="cc">精品商家管理</NavLink></MenuItem>
        <MenuItem key="4"><NavLink to="/wed/bearManage/project" activeClassName="cc">推荐方案管理</NavLink></MenuItem>
        <MenuItem key="5"><NavLink to="/wed/bearManage/areaprice" activeClassName="cc">地域价格管理</NavLink></MenuItem>
      </Menu>
      <div className="bearManage">
        <Route path="/wed/bearManage/page" component={Page} />
        <Route exact path="/wed/bearManage/tag" component={Tag} />
        <Route exact path="/wed/bearManage/merchant" component={Merchant} />
        <Route exact path="/wed/bearManage/project" component={Project} />
        <Route exact path="/wed/bearManage/areaprice" component={Areaprice} />
      </div>
    </div>

  )
}

export default bearManageNav;
